<template>
	<div>
		<div class="head">
			<a class="return" @click="getBack"></a>
		</div>
		<div class="overlay" style="padding: 20px 10px 10px;" align="center">
			<div class="overlay-content scrolling">
				<div class="authSuccess">
					<div>
						<img src="../assets/images/success-1.png" width="100%" />
					</div>
					<div>
						<p>恭喜</p>
						<p>您的身份已认证完成</p>
					</div>
				</div>
				<div class="success_btn">
					<van-button size="normal" type="primary" @click="$router.push({path: 'Otc'})">交易</van-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		mounted() {

		},
		methods: {
			getBack() {
				if(this.$route.query.roid) {
					this.$router.push({
						path: this.$route.query.roid
					});
				} else {
					this.$router.push({
						path: '/My'
					});
				}
			}
		}
	}
</script>

<style lang="less" scoped>
	.authSuccess {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -100%);
		p:first-child {
			color: #11bc62;
			font-size: 22px;
			margin-top: 10px;
		}
		p {
			color: #8188a7;
		}
	}
	
	.success_btn {
		width: 90%;
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	/deep/ .van-button--primary {
		background: #3fb776;
		border-radius: 5px;
	}
	
	/depp/ .van-button {
		border-radius: 5px !important;
	}
</style>